<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>湖南理工学院-ACM</title>
    <script type="text/javascript" src="js/jquery.min.js"></script>
    <link href="css/reset.css" rel="stylesheet" type="text/css" />
    <link href="css/style.css" rel="stylesheet" type="text/css"/>
    <link href="css/main_source_css.css" rel="stylesheet" type="text/css"/>

    <link rel="stylesheet" type="text/css" href="css/component.css" />
    <link rel="stylesheet" type="text/css" href="css/demo.css" />
</head>
<script>
    window.console = window.console || function(t) {};
    window.open = function(){ console.log('window.open is disabled.'); };
    window.print = function(){ console.log('window.print is disabled.'); };
    // Support hover state for mobile.
    if (false) {
        window.ontouchstart = function(){};
    }
</script>
<body>
<div id="main_wrap">
    <div class="warp">
        <div id="head">
            <div class="logo">
                <img class="logo_pic" src="images/logo.png" alt="LOGO">
            </div>
            <div id="nav">
                <div class="nav_bg">
                    <div class="nav_wrap">
                        <ul class="nav_wrap">
                            <a href="index.html"><li>首页</li></a>
                            <a href=""><li>论坛</li></a>
                            <a href="source.html"><li class="select_nav">资源</li></a>
                            <a href="ojdaohang.html"><li>OJ导航</li></a>
                            <a href="result.html"><li>历届成果</li></a>
                            <a href="about.html"><li>关于我们</li></a>
                        </ul>
                    </div>
                </div>
            </div>
        </div>
        <div class="main_source_content" >
          <div class="main_source_content_teacher">
              <section class="color-4">
                  <nav class="cl-effect-1"style="font-family: Microsoft YaHei;text-align: right">
                      <a href="#" data-hover="教师主页入口">教师主页入口</a>
                  </nav>
                  </section>
          </div>
          <div class="main_source_content_student">
            <div class=" student_left">
                <div class="student_left_img"><img src="images/test1.jpg" style=" height: 350px; width: 300px; border-radius: 10px 10px 10px 10px;"> </div>
                <div class="student_left_a">
                    <nav class="cl-effect-16"style="font-family: Microsoft YaHei;text-align: center">
                        <a href="#" data-hover="ACM入门入口">ACM入门入口</a>
                    </nav>
                </div>
            </div>
              <div class="student_right">
                 <div class="student_right_img"><img src="images/test1.jpg" style=" height: 350px; width: 300px; border-radius: 10px 10px 10px 10px;"></div>
                  <div class="student_right_a">
                      <nav class="cl-effect-16"style="font-family: Microsoft YaHei;text-align: center">
                          <a href="#" data-hover="ACM集训入口">ACM集训入口</a>
                      </nav>
                  </div>
              </div>

              <script>
                  if (document.location.search.match(/type=embed/gi)) {
                      window.parent.postMessage('resize', "*");
                  }
              </script>
          </div>

        </div>
    </div>
    <div id="foot">
        <div class="foot_wrap">
            <img src="images/logo.png" alt="">

            <div class="foot_info">
                Copyright  湖南理工学院 2010-2015 . All Rights Reserved. <br>
                湘ICP备05003891号  湘教QS3-200505-000078 湘公网安备 43060202000045号<br>
                校址：湖南省岳阳市学院路　邮编：414006 电话：0730-8640001 投稿邮箱：hnistxcb@163.com
            </div>
        </div>
    </div>
</div>
<script type="text/javascript">
    //1899 1438

    $(".nav_wrap").css("width",$(".nav_wrap li").length*100+"px");

    $("#main_wrap").css("width",window.screen.width-21+"px");
    $("#foot").css("width",window.screen.width-21+"px");
    //边框效果--移入
    function biankuang(obj){
        $(obj).find('.biankuang_1').stop(true).animate({
            height:'305px'
        },300)
        $(obj).find('.biankuang_2').stop(true).delay(300).animate({
            width:'360px'
        },300)
        $(obj).find('.biankuang_3').stop(true).animate({
            height:'305px'
        },300)
        $(obj).find('.biankuang_4').stop(true).delay(300).animate({
            width:'360px'
        },300)
    }
    //边框效果--移出
    function biankuang1(obj){

        $(obj).find('.biankuang_1').stop(true).delay(100).animate({
            height:'0px'
        },100)
        $(obj).find('.biankuang_2').stop(true).animate({
            width:'0px'
        },100)
        $(obj).find('.biankuang_3').stop(true).delay(100).animate({
            height:'0px'
        },100)
        $(obj).find('.biankuang_4').stop(true).animate({
            width:'0px'
        },100)
    }
    //触发
    $('.spbq').hover(
            function () {
                var obj = $(this);
                $(obj).find('.text_gobuy').addClass('text_gobuy_show');
                $(obj).find('.search_y').animate({left:'150',opacity:1},300);
                biankuang(obj);
            },
            function () {
                var obj = $(this);
                $(obj).find('.text_gobuy').removeClass('text_gobuy_show');
                $(obj).find('.search_y').animate({left:'100',opacity:0},300);
                biankuang1(obj);
            }
    );
</script>
</body>
</html>